<template>
  <div id="centerRight1">
    <div class="bg-color-black">
      <div class="d-flex pt-2 pl-2">
        <span>
          <icon name="chart-line" class="text-icon"></icon>
        </span>
        <div class="d-flex">
          <span style="color: white; font-size: 17px; margin-left: 0.5rem; margin-right: 0.5rem;">销售订单</span>
        </div>
      </div>
      <div class="d-flex jc-center body-box">
        <dv-scroll-board class="dv-scr-board" :config="config" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      config: {
        header: ['交验单', '品名', '送货数量', '检验结果', '检验日期'],
        data: [
          ['V25917757', '轉軸套7.6G', 1521, "<span class='colorGrass'>合格</span>", '2025-10-10 00:00:00'],
          ['V25920560', '上控溫盒,出線孔二杆L116', 2788, "<span class='colorGrass'>合格</span>", '2025-10-10 00:00:00'],
          ['V25920562', '下控溫盒有缺口出線孔一杆', 2788, "<span class='colorGrass'>合格</span>", '2025-10-10 00:00:00'],
          ['V25920811', '隔熱墊塊(上六角下圓16mm', 38888, "<span class='colorGrass'>合格</span>", '2025-10-10 00:00:00'],
          ['V25920814', '隔熱墊塊(上六角下圓16mm', 37600, "<span class='colorGrass'>合格</span>", '2025-10-10 00:00:00'],
          ['V25920820', '隔熱墊塊(上六角下圓16mm', 38184, "<span class='colorGrass'>合格</span>", '2025-10-10 00:00:00'],
          ['V25A01532', '上蓋把手 242g', 30, "<span class='colorGrass'>合格</span>", '2025-10-14 00:00:00'],
          ['V25A01862', '內鍋把手93g', 30, "<span class='colorGrass'>合格</span>", '2025-10-14 00:00:00'],
          ['V25A01864', '電源盒下蓋35g(TUV用)', 30, "<span class='colorGrass'>合格</span>", '2025-10-22 00:00:00'],
          ['V25A02744', '轉軸蓋23g', 1522, "<span class='colorGrass'>合格</span>", '2025-10-17 00:00:00'],
          ['V25A02746', '轉軸套7.6G', 1522, "<span class='colorGrass'>合格</span>", '2025-10-17 00:00:00'],
          ['V25A02752', '左腳架 腳墊孔加肉厚', 5200, "<span class='colorGrass'>合格</span>", '2025-10-22 00:00:00'],
          ['V25A02753', '右腳架 腳墊孔加肉加厚', 5200, "<span class='colorGrass'>合格</span>", '2025-10-22 00:00:00'],
          ['V25A02754', '把手82.2G', 2600, "<span class='colorGrass'>合格</span>", '2025-10-17 00:00:00'],
          ['V25A02756', '門把手 85g', 5544, "<span class='colorGrass'>合格</span>", '2025-10-22 00:00:00'],
          ['V25A02760', '腳架F 9g', 11088, "<span class='colorGrass'>合格</span>", '2025-10-22 00:00:00'],
          ['V25A02763', '腳架R 8.2g', 11088, "<span class='colorGrass'>合格</span>", '2025-10-22 00:00:00'],
          ['V25A02769', '門把手 94.4g', 8080, "<span class='colorGrass'>合格</span>", '2025-10-14 00:00:00'],
          ['V25A03693', '電源盒下蓋31.4g 兩線用', 600, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A03697', '電源盒上蓋34.8g', 600, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A03701', '鍋蓋把手38.2g', 600, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A03704', '鍋蓋把手座27.2g', 600, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A04280', '烤盤檢知金具座3.6g', 1640, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A04285', '端子蓋31g', 1640, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A04286', '鍋蓋把手座20g咬花MT83356', 1640, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A04287', '鍋蓋把手26g 咬花#MT83356', 1640, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A04288', '電源盒蓋38g咬花#MT83356', 1640, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A04289', '電源盒下蓋', 2501, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A04290', '電源盒上蓋', 2501, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00'],
          ['V25A04291', '腳座 9.5g', 6560, "<span class='colorGrass'>合格</span>", '2025-10-15 00:00:00']
        ],
        rowNum: 7,
        headerHeight: 35,
        headerBGC: '#0f1325',
        oddRowBGC: '#0f1325',
        evenRowBGC: '#171c33',
        index: true,
        columnWidth: [90, 160, 90, 90, 150],
        align: ['center']
      }
    }
  }
}
</script>

<style lang="scss" scoped>
$box-height: 410px;
$box-width: 800px;

#centerRight1 {
  padding: 16px;
  padding-top: 20px;
  height: $box-height;
  width: $box-width;
  border-radius: 5px;

  .bg-color-black {
    height: $box-height - 30px;
    border-radius: 10px;
  }

  .body-box {
    border-radius: 10px;
    overflow: hidden;
    .dv-scr-board {
      width: $box-width - 40px;
      height: 340px;
    }
  }
}

.colorGrass {
  color: #4CAF50;
}
.colorRed {
  color: #F44336;
}
</style>